<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Presensi Mahasiswa</title>
<link href="cssdesign.css" rel="stylesheet" type="text/css" />
</head>
<body background="batik.jpg">
<div id="container">
<div id="header">
</div>
<div id="menu">
<div id="fontmenu">
<table cellpadding="1px">
<tr>
<td><strong>DATA DOSEN</strong></td>
<td>|</td>
<td><strong>JADWAL KULIAH</strong></td>
<td>|</td>
<td><strong>LOGOUT</strong></td>
</tr>
</table>
</div>
</div>
<br />
<br />
<!--tabel identitas-->
<div id="kotak">
<div id="tabelMhs">
<table border="2px">
<tr>
<td width="239">
<table cellpadding="3px">
	<tr>
    	<td colspan="3" align="center">
	    <img src="ayuikko.jpg" width="200" height="250"/>
	    </td>
    </tr>
	<tr>
    	<td><strong> NIM </strong></td>
        <td><div align="center"><strong> : </strong></div></td>
        <td> 0910680052 </td>
    </tr>
    <tr>
   	  <td width="50px"><strong> Nama </strong></td>
        <td><div align="center"><strong> : </strong></div></td>
        <td width="150px"> Dyah Ayu M. G. W. </td>    
    </tr>
</table>
</td>
<td width="661">
<table>
	<tr>
    	<td width="20px"></td>
    	<td width="100px"><strong>Kode MK</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>MK12345</td>
    </tr>
    <tr>
    	<td width="20px"></td>
    	<td><strong>Mata Kuliah</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>Analisis dan Perancangan Sistem</td>
    </tr>
    <tr>
    	<td width="20px"></td>
    	<td><strong>Dosen</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>Issa Arwani</td>
    </tr>
    <tr>
    	<td width="20px"></td>
    	<td><strong>Jumlah SKS</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>3 (tiga) SKS</td>
    </tr>
    <tr>
    	<td width="20px"></td>
    	<td><strong>Kelas</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>C</td>
    </tr>
        <tr>
    	<td width="20px"></td>
    	<td><strong>Waktu</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>Selasa, 09.30-12.00 WIB</td>
    </tr>
    <tr>
    	<td width="20px"></td>
    	<td><strong>Tempat</strong></td>
        <td><div align="center"><strong>:</strong></div></td>
        <td>Ruang 5.3</td>
    </tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<br />
<br />
<!--tabel Absensi-->
<div id="tabelAbsen">
<h5>
<table align="center" border="2px" cellpadding="3px">
	<tr>
    	<td rowspan="2"><div align="center"><strong>No.</strong></div></td>
        <td rowspan="2"><div align="center"><strong>NIM</strong></div></td>
        <td width="150px" rowspan="2"><div align="center"><strong>Nama</strong></div></td>
        <td colspan="18"><div align="center"><strong>Pertemuan Ke-</strong></div></td>
        <td rowspan="2"><div align="center"><strong>Kehadiran</strong></div></td>
    </tr>
    <tr>
    	<td width="30px"><div align="center"><strong>1</strong></div></td>
        <td width="30px"><div align="center"><strong>2</strong></div></td>
        <td width="30px"><div align="center"><strong>3</strong></div></td>
        <td width="30px"><div align="center"><strong>4</strong></div></td>
        <td width="30px"><div align="center"><strong>5</strong></div></td>
        <td width="30px"><div align="center"><strong>6</strong></div></td>
        <td width="30px"><div align="center"><strong>7</strong></div></td>
        <td width="30px"><div align="center"><strong>8</strong></div></td>
        <td width="30px"><div align="center"><strong>9</strong></div></td>
        <td width="30px"><div align="center"><strong>10</strong></div></td>
        <td width="30px"><div align="center"><strong>11</strong></div></td>
        <td width="30px"><div align="center"><strong>12</strong></div></td>
        <td width="30px"><div align="center"><strong>13</strong></div></td>
        <td width="30px"><div align="center"><strong>14</strong></div></td>
        <td width="30px"><div align="center"><strong>15</strong></div></td>
        <td width="30px"><div align="center"><strong>16</strong></div></td>
        <td width="30px"><div align="center"><strong>17</strong></div></td>
        <td width="30px"><div align="center"><strong>18</strong></div></td>
    </tr>
    <tr>
        <td><div align="center">1.</div></td>
        <td>0910680034</td>
        <td>Tika Rahmadian</td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">80%</div></td>
    </tr>
    <tr>
        <td><div align="center">2.</div></td>
        <td>0910680052</td>
        <td>Dyah Ayu M.G.W.</td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">80%</div></td>
    </tr>
    <tr>
        <td><div align="center">3.</div></td>
        <td>0910681004</td>
        <td>Aulia Meitika K.</td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="silang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center"><img src="centang.png" /></div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">-</div></td>
        <td><div align="center">80%</div></td>
    </tr>
</table>
</h4>
<button>Tambah Pertemuan</button>
<button>Edit Pertemuan</button>
<a href="presensi_dsn.php"><div align="right"><button>Save</button></div></a>
<br />
</div>
</div>
<div id="footer">
<div id="menu">
<div id="fontmenu">
<table cellpadding="1px">
<tr>
<td><strong>DATA DOSEN</strong></td>
<td>|</td>
<td><strong>JADWAL KULIAH</strong></td>
<td>|</td>
<td><strong>LOGOUT</strong></td>
</tr>
</table>
</div>
</div>
<div id="fontfooter">Copyright © Informatika UB 2011<br />
all right reserved Design & Construct by TIFUB2009 (2011)<br />
this site best viewed at 1024x768 in browser: FireFox 2.0.5+, MsIE 7.0+ 
</center>
</div>
</div>
</body>
</html>